body {
  background-color: #EFEFF4;
}
.head {
  height: 1.1733rem;
  background-color: #5485A2;
  position: relative;
}
.head .return {
  position: absolute;
  width: 0.44rem;
  height: 0.49rem;
  left: 0.2667rem;
}
.head .add {
  position: absolute;
  width: 0.48rem;
  height: 0.48rem;
  right: 0.41rem;
}
.head p {
  font-size: 0.49rem;
  font-weight: 500;
  color: #FFFFFF;
}
.list {
  background-color: #fff;
  height: 2.67rem;
  padding: 0.37rem 0.4rem;
  margin-bottom: 0.25rem;
}
.list ul li:first-child {
  font-size: 0.45rem;
}
.list ul li:first-child p:first-child {
  color: #000000;
}
.list ul li:first-child p:last-child {
  color: #444444;
}
.list ul li:last-child {
  font-size: 0.32rem;
  color: #AAAAAA;
}
.list ul li:last-child p {
  display: flex;
  height: 0.43rem;
  align-items: center;
}
.list ul li:last-child span {
  display: flex;
  width: 0.43rem;
  height: 0.43rem;
  border: 0.03px solid #C8CBCE;
  margin-right: 0.16rem;
  border-radius: 50%;
}
.list ul li:last-child div {
  display: flex;
}
.list ul li:last-child div p {
  text-align: center;
  width: 1.07rem;
  height: 0.53rem;
  line-height: 0.53rem;
  background: rgba(226, 87, 76, 0);
  border: 0.01px solid #DDDDDD;
  font-size: 0.27rem;
  margin-left: 0.12rem;
}
.list ul li:last-child img {
  width: 0.43rem;
  height: 0.43rem;
  margin-right: 0.16rem;
}
.list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #888888;
  font-size: 0.35rem;
  height: 0.7067rem;
}
.site {
  margin: 0.55rem 0.4rem;
}
.site ul li {
  width: 9.2rem;
  height: 1.17rem;
  color: #fff;
  text-align: center;
  line-height: 1.17rem;
  font-size: 0.48rem;
  margin-bottom: 0.4rem;
  border-radius: 0.1333rem;
}
.site ul .ul-li1 {
  background: #09BB07;
}
.site ul .ul-li2 {
  background: #30A2E7;
}
